<template>
	<div>
		<mt-swipe :auto="3000">
		  <mt-swipe-item v-for="item in lunbolist" :key="item.id">
			  <img :src="item.imgUrl" :class="{'full':isfull}"/>
		  </mt-swipe-item>
		</mt-swipe>
	</div>
</template>

<script>
	export default{
		data(){
			return {
				
			}
		},
		props:["lunbolist","isfull"]
	}
</script>

<style lang="scss" scoped="scoped">
	.mint-swipe {
	  height: 200px;
	  .mint-swipe-item {
	    text-align: center;
	    img {
	      height: 100%;
		  //width: 100%;
	    }
	  }
	}
	
	.full {
	  width: 100%;
	}
</style>
